<template>
  <z-checkbox v-model:checked="check">单选</z-checkbox>
  <!-- <z-checkbox-group v-model:value="value" style="width: 100%">
    <z-checkbox value="a">1</z-checkbox>
    <z-checkbox value="b">2</z-checkbox>
    <z-checkbox value="c">3</z-checkbox>
    <z-checkbox value="d" disabled>4</z-checkbox>
    <z-checkbox value="e" disabled>5</z-checkbox>
  </z-checkbox-group>
  <z-checkbox-group v-model:value="value" style="width: 100%">
    <z-checkbox v-for="(item, index) in arr" :key="index" :value="item.value">{{ item.label }}</z-checkbox>
  </z-checkbox-group> -->
</template>
<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'checkboxDemo1',
  setup(){
    // const arr = [
    //   {
    //     value: '1',
    //     label: 'a'
    //   },
    //   {
    //     value: '2',
    //     label: 'b'
    //   },
    //   {
    //     value: '3',
    //     label: 'c'
    //   },
    //   {
    //     value: '4',
    //     label: 'd'
    //   },
    // ]
    const check = ref(false)
    // const value = ref([])
    return {
      check
      // value,
      // arr
    }
  }
})
</script>
